<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人博客</title>
    <link rel="stylesheet" href="css/case.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 页眉制作 -->
    <div class="header">
        <div class="w">
            <div class="fl">
                欢迎访问源宝博客
            </div>
            <ul class="fr">
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">联系我们</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部制作 -->
    <div class="head">
        <div class="w">
            <div class="logo fl">
                <img src="imgs/logo.png" alt="">
            </div>
            <div class="nav fl">
                <ul>
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">互联网</a>
                    </li>
                    <li>
                        <a href="#">好货推荐</a>
                    </li>
                    <li>
                        <a href="#">技术宅</a>
                    </li>
                    <li>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">民生</a>
                    </li>
                    <li>
                        <a href="#">影像</a>
                    </li>
                    <li>
                        <a href="#">游记</a>
                    </li>
                    <li>
                        <a href="#">心情随笔</a>
                    </li>
                </ul>
            </div>
            <form action="#" class="fr">
                <input type="text" name="keyword" placeholder="请填写关键词">
                <input type="button">
            </form>
        </div>
    </div>
    <!-- 主体部分制作 -->
    <div class="main w">
        <div class="banner">
            <div>
                <h1>源宝博客</h1>
                <a href="#">+关注</a>
                <p>原创独立个人博客网站</p>
            </div>
        </div>
        <div class="main_bd">
            <div class="left fl">
                <ul>
                    <li>
                        <img src="imgs/pic1.jpg" alt="" class="fl">
                        <div class="fl">
                            <h2>美之氧制氧机怎么样，怎么用</h2>
                            <div>
                                <span><i></i>17.10.15</span>
                                <span><i></i>好货推荐</span>
                                <span><i></i>144</span>
                                <span><i></i>0条</span>
                            </div>
                            <p>不好意思，这么久才来评价，我是想等我爸用了在来评价的，我爸肺结核好多年了，肺都没了，平常喘气比较困难，我就给我爸买了这款吸氧机，这款吸氧机确实不错。货到了我爸就用了，现在已经用了几天了效果明显的好了很多，我爸说他现在喘气舒服多了，在也不用担心老爸呼吸的困难了，...
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="imgs/pic1.jpg" alt="" class="fl">
                        <div class="fl">
                            <h2>美之氧制氧机怎么样，怎么用</h2>
                            <div>
                                <span><i></i>17.10.15</span>
                                <span><i></i>好货推荐</span>
                                <span><i></i>144</span>
                                <span><i></i>0条</span>
                            </div>
                            <p>不好意思，这么久才来评价，我是想等我爸用了在来评价的，我爸肺结核好多年了，肺都没了，平常喘气比较困难，我就给我爸买了这款吸氧机，这款吸氧机确实不错。货到了我爸就用了，现在已经用了几天了效果明显的好了很多，我爸说他现在喘气舒服多了，在也不用担心老爸呼吸的困难了，...
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="imgs/pic1.jpg" alt="" class="fl">
                        <div class="fl">
                            <h2>美之氧制氧机怎么样，怎么用</h2>
                            <div>
                                <span><i></i>17.10.15</span>
                                <span><i></i>好货推荐</span>
                                <span><i></i>144</span>
                                <span><i></i>0条</span>
                            </div>
                            <p>不好意思，这么久才来评价，我是想等我爸用了在来评价的，我爸肺结核好多年了，肺都没了，平常喘气比较困难，我就给我爸买了这款吸氧机，这款吸氧机确实不错。货到了我爸就用了，现在已经用了几天了效果明显的好了很多，我爸说他现在喘气舒服多了，在也不用担心老爸呼吸的困难了，...
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="imgs/pic1.jpg" alt="" class="fl">
                        <div class="fl">
                            <h2>美之氧制氧机怎么样，怎么用</h2>
                            <div>
                                <span><i></i>17.10.15</span>
                                <span><i></i>好货推荐</span>
                                <span><i></i>144</span>
                                <span><i></i>0条</span>
                            </div>
                            <p>不好意思，这么久才来评价，我是想等我爸用了在来评价的，我爸肺结核好多年了，肺都没了，平常喘气比较困难，我就给我爸买了这款吸氧机，这款吸氧机确实不错。货到了我爸就用了，现在已经用了几天了效果明显的好了很多，我爸说他现在喘气舒服多了，在也不用担心老爸呼吸的困难了，...
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="imgs/pic1.jpg" alt="" class="fl">
                        <div class="fl">
                            <h2>美之氧制氧机怎么样，怎么用</h2>
                            <div>
                                <span><i></i>17.10.15</span>
                                <span><i></i>好货推荐</span>
                                <span><i></i>144</span>
                                <span><i></i>0条</span>
                            </div>
                            <p>不好意思，这么久才来评价，我是想等我爸用了在来评价的，我爸肺结核好多年了，肺都没了，平常喘气比较困难，我就给我爸买了这款吸氧机，这款吸氧机确实不错。货到了我爸就用了，现在已经用了几天了效果明显的好了很多，我爸说他现在喘气舒服多了，在也不用担心老爸呼吸的困难了，...
                            </p>
                        </div>
                    </li>
                    <li>
                        <img src="imgs/pic1.jpg" alt="" class="fl">
                        <div class="fl">
                            <h2>美之氧制氧机怎么样，怎么用</h2>
                            <div>
                                <span><i></i>17.10.15</span>
                                <span><i></i>好货推荐</span>
                                <span><i></i>144</span>
                                <span><i></i>0条</span>
                            </div>
                            <p>不好意思，这么久才来评价，我是想等我爸用了在来评价的，我爸肺结核好多年了，肺都没了，平常喘气比较困难，我就给我爸买了这款吸氧机，这款吸氧机确实不错。货到了我爸就用了，现在已经用了几天了效果明显的好了很多，我爸说他现在喘气舒服多了，在也不用担心老爸呼吸的困难了，...
                            </p>
                        </div>
                    </li>
                </ul>
                <div>
                     <a href="#">&lt;</a>
                     <a href="#">1</a>
                     <a href="#">2</a>
                     <a href="#">3</a>
                     <a href="#">4</a>
                     <a href="#">5</a>
                     <a href="#">&gt;</a>
                </div>
            </div>
            <div class="right fr">
                 <div class="web_class">
                    <h2>网站分类</h2>
                    <ul>
                        <li>互联网</li>
                        <li>好货推荐</li>
                        <li>技术宅</li>
                        <li>数码</li>
                        <li>民生</li>
                        <li>影像</li>
                        <li>游记</li>
                        <li>心情随笔</li>
                    </ul>
                 </div>
                 <div class="leave_massage">
                    <h2>最新留言</h2>
                    <ul>
                        <li>
                            <span>互联网</span>
                            <span>哈哈哈哈</span>
                        </li>
                        <li>
                            <span>互联网</span>
                            <span>哈哈哈哈</span>
                        </li>
                        <li>
                            <span>互联网</span>
                            <span>哈哈哈哈</span>
                        </li>                       
                        <li>
                            <span>互联网</span>
                            <span>哈哈哈哈</span>
                        </li>
                    </ul>
                 </div>
                 <div class="tab_list web_class">
                     <h2>标签列表</h2>
                     <ul>
                         <li>手机 (3)</li>
                         <li>特斯拉 (1)</li>
                         <li>个人博客 (42)</li>
                         <li>中央空调 (1)</li>
                         <li>台湾 (3)</li>
                         <li>小米 (4)</li>
                         <li>宝马 (4)</li>
                         <li>汽车 (7)</li>
                         <li>bmw (4)</li>
                         <li>医院 (1)</li>
                         <li>奶粉 (1)</li>
                         <li>大众 (3)</li>
                         <li>魔兽世界 (1)</li>
                         <li>英雄联盟 (1)</li>
                         <li>美国队长 (1)</li>
                         <li>影评 (7)</li>
                         <li>海淘 (1)</li>
                         <li>购物 (1)</li>
                         <li>香港 (1)</li>
                         <li>装修 (1)</li>
                         <li>百度 (1)</li>
                         <li>SEO (1)</li>
                         <li>本田 (1)</li>
                         <li>英菲尼迪 (1)</li>
                         <li>爱狗人士 (1)</li>
                         <li>变形金刚 (1)</li>
                         <li>广场舞 (1)</li>
                         <li>上海 (1)</li>
                         <li>相机 (1)</li>
                         <li>单反 (2)</li>
                         <li>尼康 (2)</li>
                         <li>vps (1)</li>
                         <li>linode (1)</li>
                         <li>适马 (1)</li>
                         <li>35 1.4 art (1)</li>
                         <li>房地产 (1)</li>
                         <li>苹果 (1)</li>
                         <li>普吉岛 (1)</li>
                         <li>净水器 (1)</li>
                         <li>婴儿推车 (1)</li>
                     </ul>
                 </div>
            </div>
            <div class="clearfix"></div>
            <div class="friendly_link ">            
                <ul>
                    <li>友情链接:</li>
                    <li>个人博客</li>
                    <li>百度</li>
                    <li>男儿邦</li>
                    <li>源码时代官</li>
                    <li>Vuejs</li>
                    <li>bootstrap中文网</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 页脚制作 -->
    <div class="footer">
        <p>源宝个人博客</p>
        <p>Powered By Itsource.cn</p>
        <p>联系方式:15982773671 QQ:162737482</p>
        <p>本站所有资源来源网络,如有侵犯您的版权,请联系我,谢谢合作 !</p>
    </div>
</body>

</html>